import React from 'react'
import './index.scss'
import { NavBar } from 'react-vant';
import { Radio, Space } from 'antd-mobile'
import { useNavigate } from 'react-router-dom';
const Index: React.FC = () => {
    const navigate = useNavigate();
    const sryisheng = () => {
        navigate('/sryisheng')
    }
    return (
        <div className='box'>
            <div className='mmm'><NavBar
                title="私人医生"
                leftText="返回"
                onClickLeft={() => navigate(-1)}
            />
        </div>

            <div className='ppp'>
                <img style={{ width: '100%', height: '166px' }} src="https://ts3.cn.mm.bing.net/th?id=ORMS.99247f934dc6b8b35b22ba15b8d0e6a4&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.25&p=0" alt="" />
                <div>
                    <Space direction='vertical' >
                        <Radio value='small' style={{ '--icon-size': '18px', '--font-size': '14px', '--gap': '6px', }} >
                            会员专属标识，问题有限相应
                        </Radio>
                        <Radio value='small' style={{ '--icon-size': '18px', '--font-size': '14px', '--gap': '6px', }} >
                            线上会员俱乐部资格，充分互动
                        </Radio>
                        <Radio value='small' style={{ '--icon-size': '18px', '--font-size': '14px', '--gap': '6px', }} >
                            专属医生一对一服务，快速响应
                        </Radio>
                        <Radio value='small' style={{ '--icon-size': '18px', '--font-size': '14px', '--gap': '6px', }} >
                            享受每月不限此图问诊次数
                        </Radio>
                        <Radio value='small' style={{ '--icon-size': '18px', '--font-size': '14px', '--gap': '6px', }} >
                            医生视病情给与线下官号/住院的指导和帮助
                        </Radio>
                    </Space>
                </div>
            </div>
            <div className='lll'></div>
            <div className='aaa'>
                <h4>育儿</h4>
                <div className='aaa1' onClick={sryisheng}>
                    <p className='one'>育儿保健</p>
                    <p className='two'>儿童常见病，营养监控</p>
                </div>
                <div className='aaa2' onClick={sryisheng}>
                    <div className='left' onClick={sryisheng}>
                        <p className='one'>新生儿护理</p>
                        <p className='two'>如何照顾新生宝宝</p>
                    </div>
                    <div className='right' onClick={sryisheng}>
                        <p className='one'>儿童心理健康</p>
                        <p className='two'>注意力缺陷、多动证等</p>
                    </div>
                </div>
            </div>
            <div className='bbb'>
                <h4>两性</h4>
                <div className='bbb1' onClick={sryisheng}>
                    <div className='left1' onClick={sryisheng}>
                        <p className='one1'>男性健康</p>
                        <p className='two'>性能障碍</p>
                    </div>
                    <div className='right1' onClick={sryisheng}>
                        <p className='one1'>女性健康</p>
                        <p className='two'>月经不调、孕妇等</p>
                    </div>
                </div>
                <div className='bbb2'>
                    <div className='left1'>
                        <p className='one1'>孕产期呵护</p>
                        <p className='two'>孕产保健，产后调理</p>
                    </div>
                    <div className='right1'>
                        <p className='one1'>性病</p>
                        <p className='two'>艾滋、梅毒、好好</p>
                    </div>
                </div>
            </div>
            <div className='ccc' >
                <h4>精神&心理</h4>
                <div className='ccc1' onClick={sryisheng}>
                    <p className='one2'>心理、精神类</p>
                    <p className='two'>抑郁症、焦躁证、精神分裂</p>
                </div>
            </div>
            <div className='ggg'>
                <h4>老年</h4>
                <div className='ggg1' onClick={sryisheng}>
                    <p className='one3'>老年病&慢性病护理</p>
                    <p className='two'>糖尿病、高血压、冠心病等</p>
                </div>
            </div>
            <div className='hhh'>
                <button onClick={sryisheng}>检查全部医生</button>
            </div>
        </div>
    )
}

export default Index
